//注册窗口移动功能
var Area=document.querySelector('.Area');
Area.onmousedown = function(e){
    //鼠标按下时计算指针在div元素中的位置
    //指针在文档中位置减去div元素相对于父元素上的偏移量
    var divX=e.pageX-Area.offsetLeft;
    var divY=e.pageY-Area.offsetTop;
    console.log(divX+','+divY);
    //跟随鼠标移动
    document.onmousemove = function(e){
        //设置div移动后的位置
        //设置div的css样式，dic的top（距离上方的距离）和left（左侧的距离）
        Area.style.left = e.pageX-divX+'px';
        Area.style.top = e.pageY-divY+'px';
    }
}
//松开鼠标按键时取消动作
Area.onmouseup = function(){
    document.onmousemove = null;
}

//注册功能
var sub=document.getElementById('sub');
var username='';
var password='';
sub.onclick = function(){
    username=document.getElementById('uN').value;
    password=document.getElementById('pW').value;
    if(username===''||password===''){
        alert('输入框不能为空');
    }else{
        Area.style.display='none';
        alert('注册成功！');
        Login.style.display='block';
    }
}

//登录窗口移动功能
var Login=document.querySelector('.login');
Login.onmousedown = function(e){
    var LX=e.pageX-Login.offsetLeft;
    var LY=e.pageY-Login.offsetTop;
    document.onmousemove = function(e){
        Login.style.left = e.pageX-LX+'px';
        Login.style.top=e.pageY-LY+'px';
    }
}
Login.onmouseup = function(e){
    document.onmousemove = null;
}

//验证账户密码并跳转功能
var login=document.getElementById('log');
var reset=document.getElementById('reset');
var YoN_uN=document.getElementById('username');
var YoN_pW=document.getElementById('password');
var suc=document.getElementById('success_login');
login.onclick = function(){
    if(username===''||password===''){
        alert('请先注册账号!');
        YoN_uN.value='';
        YoN_pW.value='';
    }else{
        if(YoN_uN.value===''||YoN_pW.value==='') {
            alert('账户或密码不能为空')
        }else{
            if(YoN_uN.value!==username||YoN_pW.value!==password){
                alert('请输入正确的账户或密码');
                alert('如忘记请重新注册');
                YoN_uN.value='';
                YoN_pW.value='';
            }else{
                Login.style.display='none';
                suc.style.display='block';
            }
        }
    }
}
reset.onclick = function(){
    Login.style.display='none';
    Area.style.display='block';
}